<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
	<title>Dynatree - AdHoc tests</title>

	<script src="../jquery/jquery.js" type="text/javascript"></script>
	<script src="../jquery/jquery-ui.custom.js" type="text/javascript"></script>
	<script src="../jquery/jquery.cookie.js" type="text/javascript"></script>

	<link href="../src/skin/ui.dynatree.css" rel="stylesheet" type="text/css">
	<script src="../src/jquery.dynatree.js" type="text/javascript"></script>

<script type="text/javascript">
	$(function(){
		// Initialize the tree inside the <div>element.
		// The tree structure is read from the contained <ul> tag.
		$("#tree").dynatree({
			initAjax: {
				url: "sample-data1.json"
			},
		});
		$("#btn01").click(function(){
			var a = [];
			alert("" + !!a.length);
		});
		$("#btn11").click(function(){
			alert("11");
		});
	});
</script>
</head>

<body class="example">
	<h1>Dynatree Test</h1>
	<p class="description">
		Testbed.
	</p>

	<p>
		<a href="#" id="btn01">Test 01</a> -
	</p>
	<div id="tree"></div>

	<div>Active node: <span id="echoActive">-</span></div>
	<div>Focused node: <span id="echoFocused">-</span></div>
	<p>
		<button id="btn11">Test 11</button>
	</p>
</body>
</html>
